<template>
	<view class="container">
		<view class="head">
			<!-- <image :src="`${baseurl}/navbar/zybg.png`" class="head-bg" /> -->
		</view>

		<view class="ctbody">
			<page-nav class="custom-title" title="个人主页" :leftShow="true" :titlecolor="'#FFFFFF'"> </page-nav>
			<scroll-view class="scroll-view" scroll-y="true">

				<view class="list">
					<view style="display: flex;">
						<image src="/static/images/wb.png" class="l" mode="widthFix"
							style="width: 80rpx; margin-right:10rpx;"></image>
						<view style="display: flex; align-items: center;">
							<text style="font-size: 29rpx; font-weight: bold;">雷军</text>						 
						</view>
					</view>
				</view>
				<view>
					<readmore></readmore>
				</view>
  
  
				<view class="list">
					<view class="lheader"><span class="wna">风险扫描</span> <span class="sp"></span></view>
					<view class="rpart">
						<u-scroll-list :indicator="indicator">
							<view class="item" v-for="obj in risklist">
								<view
									style="display: flex;  padding: 5rpx 0rpx 5rpx 0rpx; line-height: 38rpx; margin-left: 10rpx; margin-top: 5rpx;">
									<text
										style="font-size: 28rpx; min-width: 130rpx; font-weight: 600; margin-right:5rpx ;">{{obj.title}}</text>
									<view style="font-size: 28rpx; font-weight: 600; color: #FE5A36;">{{obj.pCount0}}
									</view>
								</view>
								<view
									style=" display: flex;  padding: 5rpx 0rpx 5rpx 0rpx; margin-left: 10rpx; line-height: 38rpx; font-size: 25rpx; ">
									<view
										style="font-size: 28rpx;  min-width: 130rpx;color: #999999;  margin-right:5rpx ;">
										{{obj.param1}}</view>
									<text
										style="font-size: 28rpx;  border: 1rpx solid #FE5A36; color: #FE5A36;">{{obj.pCount1}}</text>
								</view>
								<view
									style="display: flex; padding: 5rpx 0rpx 5rpx 0rpx;  margin-left: 10rpx;  line-height: 38rpx;  font-size: 25rpx; ">
									<view
										style="font-size: 28rpx;  min-width: 130rpx;color: #999999;  margin-right:5rpx ;">
										{{obj.param2}}</view>
									<text
										style="font-size: 28rpx;  border: 1rpx solid #FE5A36; color: #FE5A36;">{{obj.pCount2}}</text>
								</view>
							</view>
						</u-scroll-list>
					</view>
				</view>
 
				<view class="list">
					<view class="lheader"><span class="na">星瑞图谱</span> <span class="sp"></span></view>
					<view class="tupurpart">
						<u-scroll-list :indicator="indicator">
							<view class="tupuitem" v-for="tupu in tupulist">

								<view class="tupupic"
									style=" display :flex; justify-content:  center; padding-top: 30rpx; height: 180rpx;">
									<u--image :src='tupu.url' mode="widthFix" width="120"></u--image>
								</view>
								<view style="display:flex;  font-size: 30rpx; justify-content: center;">{{tupu.name}}
								</view>

							</view>
						</u-scroll-list>
					</view>
				</view>

				<view style="background-color: #FFF">
					<view class="htitle">合作伙伴</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<view class="hzhbitem" v-for="item in 5"  >
							<view style="display:flex; justify-content: center; ">
								<image class="imgsize" mode="aspectFit" src="/static/images/wb.png" ></image>
								<view style="   font-size: 28rpx; justify-content: center;">	
									<view>刘XX</view>
									<view>XXXXX公司</view> 
								</view>							 
							</view>
							<view style="display:flex;  margin-right: 30rpx; font-size: 28rpx; align-items: center; justify-content: center;"
								 > 合作5次 </view>
						</view>
					</view>
					<view class="tailline"></view>
				</view>
				
				<view style="background-color: #FFF">
					<view class="htitle">关联企业</view>
					<view style="border-top: 1px solid #cdcdcd;  background-color: #FFF">
						<view class="hzhbitem" v-for="item in 5"  >
							<view style="display:flex; justify-content: center; ">
								<image class="imgsize" mode="aspectFit" src="/static/images/wb.png" ></image>
								<view style="   font-size: 28rpx; justify-content: center;">	
									<view>XXXXX公司</view>
									<view>职位：董事长</view> 
								</view>							 
							</view>
							<view style="display:flex;  margin-right: 30rpx; font-size: 28rpx; align-items: center; justify-content: center;"
								 > 查看 </view>
						</view>
					</view>
					<view class="tailline"></view>
				</view>
 

			</scroll-view>
	
		</view>

	</view>

</template>

<script> 
	import readmore from "@/components/readmore.vue"
	import qyzytabbar from "@/components/tab-bar/qyzy-tab-bar.vue"
	import config from '@/common/setting.js'
	import {
		getjbxx
	} from "@/api/mock/menu.js"
 
	export default {
		components: {
			readmore,
			qyzytabbar
		},
		data() {
			return {
				indicator: false,			 
				cpyhis: ['融资信息', '企业业务'],
				bor: false,
				baseurl: this.$store.state.ImgUrl,
				risklist: [{
						title: '自身风险',
						param1: "中风险",
						param2: "低风险",
						pCount0: 0,
						pCount1: 1,
						pCount2: 1,
					},
					{
						title: '提示信息',
						param1: "法律文书",
						param2: "开庭公告",
						pCount0: 0,
						pCount1: 1,
						pCount2: 1,
					},
					{
						title: '关联风险',
						param1: "关联企业",
						param2: "高风险",
						pCount0: 0,
						pCount1: 1,
						pCount2: 1,
					},
				],
				tupulist: [{
						url: this.$store.state.ImgUrl + '/company/gqjg.png',
						name: '股权结构'
					},
					{
						url: this.$store.state.ImgUrl + '/company/glgx.png',
						name: '关联关系'
					},
					{
						url: this.$store.state.ImgUrl + '/company/qylt.png',
						name: '企业链图'
					},
				],
			}
		},
		onLoad() {
			console.log('configconfigconfigconfig', this.$imgurl)
			getjbxx().then(data => {

				this.jbxx = data;
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	@import './company.scss';

	.container {
		background-color: #f7f7f7;
		min-height: 100vh;
		overflow: hidden;
		position: relative;
	}

	.head {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
		min-height: 10vh;
		overflow: hidden;
		background: #2E69FF;
	}

	.ctbody {
		position: absolute;
		top: 0;
		z-index: 111;
		width: 100%;
		height: 100vh;

		.scroll-view {
			height: 85vh;
		}
	}
</style>